

<!--头部区域-->

<?php include('./templete/public/head.php')?>


<!--index-banner-->
<div id="index-banner" class="swiper-container swiper0">
    <div class="swiper-wrapper banner-bg ">
        <div class="swiper-slide">
            <p style="background-image: url(_images/index-banner2.png);" class="bg-img wow fadeIn delay1600"></p>
            <!--<img src="images/index-banner2.png" alt=""  width="1920px" height="760px" class="bg-img wow fadeIn delay1600"/>-->
            <div class="center" style="text-align: center;top: 40%;">
                <img src="_images/logo3.png" alt="" width="255px" height="71px" class="logo3 wow fadeInDown delay500 img-responsive"/>
                <h3 class="wow fadeInUp delay1000">5G时代您的无线技术专家</h3>
            </div>
        </div>
        <?php foreach($banner as $v){ ?>
            <div class="swiper-slide">
                <p style="background-image: url(<?php echo $v['imgpath']?>);" class="bg-img wow fadeIn delay1600"></p>
                <!--<img src="images/index-banner2.png" alt=""  width="1920px" height="760px" class="bg-img wow fadeIn delay1600"/>-->
                <div class="center" style="text-align: center;top: 40%;">
                    <!--<img src="images/logo3.png" alt="" width="255px" height="71px" class="logo3 wow fadeInDown delay500 img-responsive"/>-->
                </div>
            </div>
        <?php } ?>
    </div>
    <div class="swiper-pagination"></div><!--分页器-->
    <div class="swiper-button-prev"><i class="iconfont">&#xe62e;</i></div><!--前进按钮-->
    <div class="swiper-button-next"><i class="iconfont">&#xe621;</i></div><!--后退按钮-->
</div>

<!--应用领域-->
<div class="comm-title">
    <div class="warper">
        <span class="big">application area</span>	<br />
        <img src="_icon/jiantou-icon.png" alt="" width="11px" height="7px"/>
        <h3>应用领域</h3>
    </div>
</div>

<div class="lingyu-main">
    <div class="lingyu-list">
        <ul class="clearfix">
            <?php foreach($appli as $v){ ?>
            <li>
                <div class="li-dis li-left" >
                    <img src="<?php echo $v['imgpath'] ?>" alt="" width="480px"height="280px"/>
                    <div class="txt-img center">
                        <div class="center" style="width: 100%;padding: 0 20px;">
                            <h3><?php echo $v['title'] ?></h3>
                            <div class="txt-none">
                                <i></i>
                                <p class="more-txt-cut"><?php echo $v['description'] ?></p>
                                <a href="<?php echo url('appli/index?id='.$v['id']) ?>" class="more">+MORE</a>
                            </div>
                        </div>
                    </div>
                    <span></span>
                </div>
            </li>
            <?php } ?>

        </ul>
    </div>
</div>


<!--新闻中心-->
<div class="comm-title">
    <div class="warper">
        <span class="big">news</span>	<br />
        <img src="_icon/jiantou-icon.png" alt="" width="11px" height="7px"/>
        <h3>新闻中心</h3>
    </div>
</div>

<div class="news-main warper clearfix">
    <div class="news-left fl wow fadeInLeftBig">
        <a>
            <img src="<?php echo $news[0]['img_url'] ?>" alt="" width="585px" height="316px"/>
        </a>
    </div>
    <div class="news-right fr wow fadeInRight">
        <span><?php if($news[0]['addtime'])echo date('Y/m/d',strtotime($news[0]['addtime'])) ?></span>
        <h3><?php echo $news[0]['title'] ?></h3>
        <p><?php echo msubstr($news[0]['content'],0,80) ?></p>
        <a href="<?php echo url('news/detail?id='.$news[0]['id']) ?>" class="comm-more"><?php  if($news[0]){ ?>+MORE <?php } ?></a>
    </div>
</div>

<!--PC-->
<div class="news-main2 hidden-sm hidden-xs">
    <div class="warper news-content">
        <ul class="clearfix">
            <?php foreach ($news as $k=>$v){ ?>
                <?php if($k>0){ ?>
            <li>
                <a href="<?php echo url('news/detail?id='.$v['id']) ?>">
                <div>
                    <span><?php echo date('Y-m-d',strtotime($v['addtime'])) ?></span>
                    <h3><?php echo $v['title'] ?></h3>
                    <p><?php echo msubstr($v['content'],0,20) ?></p>
                </div>
                </a>
            </li>
            <?php } ?>
            <?php } ?>

        </ul>
    </div>
</div>

<!--移动-->
<div class="news-main2 hidden-lg hidden-md">
    <div class="swiper-container swiper1">
        <ul class="swiper-wrapper">
            <?php foreach ($news as $k=>$v){ ?>
            <?php if($k>0){ ?>
            <li class="swiper-slide">
                <a href="<?php echo url('news/detail?id='.$v['id']) ?>">
                <div>
                    <span><?php echo date('Y-m-d',strtotime($v['addtime'])) ?></span>
                    <h3><?php echo $v['title'] ?></h3>
                    <p><?php echo msubstr($v['content'],0,20) ?></p>
                </div>
                </a>
            </li>
            <?php } ?>
            <?php } ?>

        </ul>
        <div class="swiper-pagination"></div><!--分页器-->
    </div>
</div>

<!--关于煜鹏-->
<div class="about-yupeng" style="background-image: url(_images/index-news03.png); ">
    <div class="warper center about-content hidden-sm hidden-xs">
        <h3><?php echo $web['site_title'] ?></h3>
        <p><?php echo $aboutuss[0]['description'] ?></p>
        <a href="<?php echo url('aboutus/index') ?>" class="comm-more">+MORE</a>
    </div>
</div>
<div class="warper about-content hidden-lg hidden-md bgcolor about-content2">
    <h3><?php echo $web['site_title'] ?></h3>
    <p><?php echo $aboutuss[0]['description'] ?></p>
    <a href="<?php echo url('aboutus/index') ?>" class="comm-more">+MORE</a>
</div>


<!--主要客户-->
<div class="comm-title">
    <div class="warper">
        <span class="big">Customers</span>	<br />
        <img src="_icon/jiantou-icon.png" alt="" width="11px" height="7px"/>
        <h3>主要客户</h3>
    </div>
</div>

<!--主要客户PC端-->
<div class="kehu-main swiper-container hidden-sm hidden-xs">
    <ul class="kehu-list warper">
        <?php foreach($link as $v){ ?>
        <li>
            <div><img src="<?php echo $v['imgpath'] ?>" alt="<?php echo $v['name'] ?>"/></div>
        </li>
        <?php } ?>

    </ul>
</div>


<!--主要客户移动端-->
<div class="kehu-main swiper-container swiper2 hidden-lg hidden-md">
    <ul class="kehu-list swiper-wrapper">
        <?php foreach($link as $v){ ?>
        <li class="swiper-slide">
            <div><img src="<?php echo $v['imgpath'] ?>" alt="<?php echo $v['name'] ?>" /></div>
        </li>
        <?php } ?>
    </ul>
</div>

<!--PC尾部-->
<?php include('./templete/public/foot.php')?>

<script>

    var swiper0 = new Swiper(".swiper0",{
        direction:"horizontal",/*横向滑动*/
        loop:true,/*形成环路（即：可以从最后一张图跳转到第一张图*/
        pagination:".swiper-pagination",/*分页器*/
        prevButton:".swiper-button-prev",/*前进按钮*/
        nextButton:".swiper-button-next",/*后退按钮*/
        autoplay:3000/*每隔3秒自动播放*/ ,
        paginationClickable :true,
    })

    var swiper1 = new Swiper(".swiper1",{
        direction:"horizontal",/*横向滑动*/
        loop:true,/*形成环路（即：可以从最后一张图跳转到第一张图*/
        pagination:".swiper-pagination",/*分页器*/
        prevButton:".swiper-button-prev",/*前进按钮*/
        nextButton:".swiper-button-next",/*后退按钮*/
        autoplay:3000/*每隔3秒自动播放*/ ,
        paginationClickable :true,
    })

    var swiper2 = new Swiper('.swiper2', {
        //设置slider容器能够同时显示的slides数量(carousel模式)。
        //可以设置为number或者 'auto'则自动根据slides的宽度来设定数量。
        //loop模式下如果设置为'auto'还需要设置另外一个参数loopedSlides。
        slidesPerView: 2.5,
        paginationClickable: true,//此参数设置为true时，点击分页器的指示点分页器会控制Swiper切换。
        spaceBetween: 10,//slide之间的距离（单位px）。
        freeMode: true,//默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模式，slide会根据惯性滑动且不会贴合。
        loop: false,//是否可循环
        onTab: function(swiper) {
            var n = swiper1.clickedIndex;
        }
    });
</script>

</body>
</html>
